<template>
     <image class="img" :src="image" @click="previewIimage"/>
     <view class="tips">点击图片长按识别二维码,关注我们的公众号,及时获取订单消息</view>
</template>

<script setup lang="ts">
const image = "https://www.banbanhuo.com/minio/banbanhuo/8685109c0fd86ad20fdef924bf2036b2e1bb2e13a3cb41999a76c647a67f7f0c.jpg"
const previewIimage = () =>{
    uni.previewImage({
      urls: [image]
    })
}
 
</script>

<style lang="scss" scoped>
.img{
    display: block;
    width: 500rpx;
    height: 500rpx;
    margin: 24rpx auto;
}
.tips{
    width: 100%;
    padding: 0 48rpx;
    text-align: center;
    box-sizing: border-box;
}
 
</style>